<!--
 * @Description: 描述
 * @Author: liym
 * @Date: 2025-05-08 20:14:38
 * @LastEditors: liym
 * @LastEditTime: 2025-05-08 21:56:20
-->
<template>
	<view class="login-container">
		<uni-forms ref="loginForm" :model="form">
			<uni-forms-item name="loginName">
				<uni-easyinput v-model="form.loginName" placeholder="用户名" />
			</uni-forms-item>
			<uni-forms-item name="password">
				<uni-easyinput type="password" v-model="form.password" placeholder="密码" />
			</uni-forms-item>
			<button type="primary" @click="submitForm">登录</button>
		</uni-forms>
	</view>
</template>

<script>
import { login } from '@/api';

 
	export default {
		data() {
			return {
				form: {
					loginName: 'admin',
					password: '222'
				}
			};
		},
		methods: {
			async submitForm() {
				try {
					const result = await this.$refs.loginForm.validate();
					// 账号正则：只能包含字母、数字，长度为 3 - 20 位
					const usernameRegex = /^[a-zA-Z0-9]{3,20}$/;
					// 密码正则：长度为 6 - 20 位，至少包含一个字母和一个数字
					const passwordRegex = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,20}$/;
					if (!result.loginName) {
						uni.showToast({
							title: '请输入账号',
							icon: 'none'
						});
					}
					// else if (!usernameRegex.test(result.loginName)) {
					// 	uni.showToast({
					// 		title: '账号格式错误，只能包含字母和数字，长度为 3 - 20 位',
					// 		icon: 'none'
					// 	});
					// }
					else if (!result.password) {
						uni.showToast({
							title: '请输入密码',
							icon: 'none'
						});
					}
					// else if (!passwordRegex.test(result.password)) {
					// 	uni.showToast({
					// 		title: '密码格式错误，长度为 6 - 20 位，至少包含一个字母和一个数字',
					// 		icon: 'none'
					// 	});
					// }
					else {
						try {
							const {data} = await login(this.form)
							// console.log(data)
							uni.setStorageSync('token', data.authorization);
							uni.navigateTo({
								url: '/pages/admin/index'
							});
							// if (data.role == 0) {
							// 	uni.navigateTo({
							// 		url: '/pages/admin/index'
							// 	});
							// } else {
							// 	uni.navigateTo({
							// 		url: '/pages/agent/index'
							// 	});
							// }
						} catch (error) {
							
						}
						

						// await uni.request({
						// 	url: `${this.$config.API_BASE_URL}/user/login`,
						// 	method: 'POST',
						// 	data: this.form,
						// 	success: (res) => {
						// 		if (res.data.code == 200) {
						// 			if (res.data.data.role == 0) {
						// 				uni.navigateTo({
						// 					url: '/pages/admin/index'
						// 				});
						// 			} else {
						// 				uni.navigateTo({
						// 					url: '/pages/agent/index'
						// 				});
						// 			}
						// 		} else {
						// 			console.log(res)
						// 			uni.showToast({
						// 				title: res.data.message,
						// 				icon: 'none'
						// 			});
						// 		}

						// 	}
						// });
					}
				} catch (e) {
					uni.showToast({
						title: e.message,
						icon: 'none'
					});
				}
			}
		}
	};
</script>

<style>
	.login-container {
		padding: 20px;
	}
</style>